/* css初始化 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; box-sizing:border-box;}
body { background:#fff; color:#4a4a4a; font-family:  "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; content: normal !important;}
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 

/* 清除浮动 */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}

body, html {
    height: 100%;
}

html{
    overflow: hidden;
}

.border-box{
    box-sizing:border-box!important;
}

.overflow-hidden {
    overflow: hidden!important;
}

.pull-left{
    float: left!important;
}

.pull-right{
    float: right!important;
}

.text-left{
    text-align: left!important;
}

.text-center{
    text-align: center!important;
}

.text-right{
    text-align: right!important;
}

.relative{
    position: relative!important;
}

.absolute{
    position: absolute!important;
}

.fixed{
    position: fixed!important;
}

.center-x{
    left: 50%!important;
    transform: translateX(-50%)!important;
}

.center-y{
    top: 50%!important;
    transform: translateY(-50%)!important;
}

.center-xy{
    left: 50%!important;
    top: 50%!important;
    transform: translate(-50%,-50%)!important;
}

.wid-30{
    width: 30%!important;
}

.wid-50{
    width: 50%!important;
}

.wid-70{
    width: 70%!important;
}

.wid-100{
    width: 100%!important;
}

/* 单行文本超出省略... */
.ellipsis{
    text-overflow:ellipsis!important; 
    overflow:hidden!important;
    white-space:nowrap!important;
}

.w100{
    width: 100%;
}

.h100{
    height: 100%;
}

.pn{
    padding: 0!important;
}

.pn{
    padding: 0!important;
}

.p5{
    padding: 5px!important;
}

.p10{
    padding: 10px!important;
}

.p15{
    padding: 15px!important;
}

.p20{
    padding: 20px!important;
}

.pl5{
    padding-left: 5px!important;
}

.pl10{
    padding-left: 10px!important;
}

.pl15{
    padding-left: 15px!important;
}

.pl20{
    padding-left: 20px!important;
}

.pr5{
    padding-right: 5px!important;
}

.pr10{
    padding-right: 10px!important;
}

.pr15{
    padding-right: 15px!important;
}

.pr20{
    padding-right: 20px!important;
}

.pt5{
    padding-top: 5px!important;
}

.pt10{
    padding-top: 10px!important;
}

.pt15{
    padding-top: 15px!important;
}

.pt20{
    padding-top: 20px!important;
}

.pb5{
    padding-bottom: 5px!important;
}

.pb10{
    padding-bottom: 10px!important;
}

.pb15{
    padding-bottom: 15px!important;
}

.pb20{
    padding-bottom: 20px!important;
}

.mn{
    margin: 0!important;
}

.m5{
    margin: 5px!important;
}

.m10{
    margin: 10px!important;
}

.m15{
    margin: 15px!important;
}

.m20{
    margin: 20px!important;
}

.ml5{
    margin-left: 5px!important;
}

.ml10{
    margin-left: 10px!important;
}

.ml15{
    margin-left: 15px!important;
}

.ml20{
    margin-left: 20px!important;
}

.mr5{
    margin-right: 5px!important;
}

.mr10{
    margin-right: 10px!important;
}

.mr15{
    margin-right: 15px!important;
}

.mr20{
    margin-right: 20px!important;
}

.mt5{
    margin-top: 5px!important;
}

.mt10{
    margin-top: 10px!important;
}

.mt15{
    margin-top: 15px!important;
}

.mt20{
    margin-top: 20px!important;
}

.mb5{
    margin-bottom: 5px!important;
}

.mb10{
    margin-bottom: 10px!important;
}

.mb15{
    margin-bottom: 15px!important;
}

.mb20{
    margin-bottom: 15px!important;
}


.h20{
    height: 20px!important;
}

.h30{
    height: 30px!important;
}

.h40{
    height: 40px!important;
}

.lh20{
    line-height: 20px!important;
}

.lh30{
    line-height: 30px!important;
}

.lh40{
    line-height: 40px!important;
}

.fs12{
    font-size: 12px!important;
}

.fs14{
    font-size: 14px!important;
}

.fs16{
    font-size: 16px!important;
}

.fs18{
    font-size: 18px!important;
}

.fs20{
    font-size: 20px!important;
}

.fs22{
    font-size: 22px!important;
}

.fs24{
    font-size: 24px!important;
}

.fs26{
    font-size: 26px!important;
}

.fs28{
    font-size: 28px!important;
}

.fs30{
    font-size: 30px!important;
}

.fs32{
    font-size: 32px!important;
}

.fw200{
    font-weight: 200!important;
}

.fw400{
    font-weight: 400!important;
}

.fw600{
    font-weight: 600!important;
}

.pointer{
    cursor: pointer!important;
}

.not-allowed{
    cursor: not-allowed!important;
}

.block{
    display: block!important;
}

.inline-block{
    display: inline-block!important;
}

.flex{
    display: flex!important;
}

.inline-flex{
    display: inline-flex!important;
}

/* css3动画 */
.animate{
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

/* vue加载避免{{}} */
[v-cloak] {
    display: none;
}

/* 滚动条样式修改 */
.el-scrollbar__wrap{
    overflow-x: hidden;
}
.el-scrollbar__bar{
    z-index: 99!important;
}

/* 按钮样式 */
.btn-1{
    transition: all 100ms ease-out;
    background: #a9a6b8!important;
    color: #fff!important;
}
.btn-1:hover{
    background: #ed7601!important;
    border: 1px solid #ed7601!important;
}
.btn-1:active{
    background: #f5ab5b!important;
}

.btn-2{
    transition: all 100ms ease-out;
    background: #18171c!important;
    color: #fff!important;
}
.btn-2:hover{
    background: #fff!important;
    color: #18171c!important;
    border: 1px solid #18171c!important;
}
.btn-2:active{
    color: #fff!important;
    background: #6a6a6d!important;
}

.btn-3{
    transition: all 100ms ease-out;
    background: #ed7601!important;
    color: #fff!important;
    border: 1px solid #ed7601!important;
}
.btn-3:hover{
    background: #fff!important;
    color: #ed7601!important;
    border: 1px solid #ed7601!important;
}
.btn-3:active{
    background: #f5ab5b!important;
}

.btn-4{
    transition: all 100ms ease-out;
    background: #fff!important;
    color: #18171c!important;
    border: 1px solid #18171c!important;
}
.btn-4:hover{
    background: #18171c!important;
    color: #fff!important;
}
.btn-4:active{
    color: #fff!important;
    background: #6a6a6d!important;
}